page {
	height: 100vh;
	display: flex;
	flex-direction: column;

	
}

.swiper {

	border-radius: 10rpx;
  overflow: hidden;
  margin-top: 0rpx;
	swiper {
		height: 400rpx;
	

		swiper-item{

    image{
			width: 100%;
			height: 100%;
			border-radius: 10rpx;
		}
		}
	}
}

.good-nav{
	display: flex;

	background-color: aquamarine;
	padding: 20rpx 16rpx;
	border-radius: 24rpx ;
 
}


.news-list {
  display: flex;
  flex-direction: column; /* 垂直排列每条新闻 */
  padding: 20rpx;
}

.news-item {
  display: flex; /* 水平排列标题和图片 */
  justify-content: space-between; /* 标题和图片分布在左右 */
  align-items: center; /* 垂直居中对齐 */
  background-color: greenyellow; /* 每条新闻项的背景色 */
  margin-bottom: 20rpx; /* 每条新闻项之间的间距 */
  padding: 20rpx;
  border-radius: 10rpx; /* 圆角边框 */
  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1); /* 阴影效果 */
}

.title {
  flex: 1; /* 使标题自适应宽度 */
  font-size: 28rpx;
  color: #333;
  margin-right: 20rpx; /* 标题和图片之间的间距 */
  white-space: nowrap; /* 不允许换行 */
  overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 溢出文本显示省略号 */
}

.image {
  width: 100rpx; /* 图片宽度 */
  height: 100rpx; /* 图片高度 */
  border-radius: 8rpx; /* 图片圆角 */
}

.grid{
   background-color: burlywood;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-radius: 20rpx; /* 圆角边框 */
  height:200rpx
}

.b1{
  display: flex;
  width: 300rpx;
  height: 150rpx;
  margin-top: 20rpx;
  margin-left: 40rpx;
  margin-bottom: 10rpx;
  font-size: 60rpx;;
}
.b2{
  display: flex;
  width: 300rpx;
  height: 150rpx;
  margin-top: 20rpx;
  margin-left: 40rpx;
  margin-bottom: 10rpx;
  font-size: 60rpx;;
}
.gr{background-color: #adff2f; /* 设置背景颜色 */
  height: 350rpx;               /* 设置高度，确保容器能够显示 */
  padding: 10px;              /* 可选，给容器加点内边距 */
  border-radius: 20rpx; /* 圆角边框 */


}

.t1{
  size:40px;
}
van-grid-item .van-grid-item__text {
  font-size: 20px; /* 设置文字大小 */
  color: #333; /* 可以调整颜色 */
  
}
van-grid-item {
  background-color: #f5a623; /* 设置为你想要的背景颜色 */
}

.yiyang{
  display: flex;
  justify-content: center;
  background-color:greenyellow;
  padding: 20rpx 16rpx;
  border-radius: 24rpx ;
  margin-top: 20rpx;
view{
  display: flex;
  image{
    width: 100rpx;
    height: 100rpx;
  }
  text{
    font-size: 36rpx;	
    margin-top: 20rpx;
    margin-left: 50rpx;
   
  	}
}

}